/**
 * Created by seeker910 on 2014/8/28.
 */
Rsd.define('Rsd.hermit.pages.ProductPage', {
    extend: 'Rsd.hermit.pages.ShopMaster',
    requires: [
        'Rsd.form.Link',
        'Rsd.form.Image',
        'Rsd.hermit.sections.TopInfoBarPart',
        'Rsd.hermit.sections.SlideImagePart',
        'Rsd.hermit.sections.ListGroupViewPart',
        'Rsd.hermit.sections.ImageNewsViewPart', 
        'Rsd.hermit.sections.CopyrightViewPart',
        'Rsd.hermit.sections.ProductViewPart',
        'Rsd.hermit.sections.HtmlContentPart',
        'Rsd.hermit.sections.SitePathPart',
        'Rsd.hermit.sections.RelatedProductPart',
        'Rsd.hermit.sections.ProductItemViewPart'
    ],
    xtype:'product-page',  
    title:'Product Detail',
    content:[ 
        { 
            height:100,
            width:'100%'
        },
        {
            xtype: 'product-view',
            header:false,
            height:800,
            width:'100%', 
            dataSource:{
                title:'This product Title limit in 200 lenght chars',
                images:['https://omo-oss-image.thefastimg.com/portal-saas/new2022090209574426609/cms/image/a0821deb-2738-4c5a-b780-90fb6719cad1.jpg']
            }
            
        },
       {
            xtype:'html-content',
            width:'100%',
            height:1000,
            label:{
                position:'top',
                content:'Description',
                height:60,
                style:{ 
                    textAlign:'left',
                    lineHeight:60,
                    fontSize:'200%',
                    fontWeight:300
                }
            },
            html:'Lorem ipsum dolor sit amet, consectetur adipis elit, sed do eiusmod tempor incidid ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nol exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptateLorem ipsum dolor sit amet col adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,'
       },
        {
            xtype:'related-product', 
            label:{
                 position:'top',
                 content:"Related Products", 
                 height:60,
                 style:{ 
                    color:'black',
                    lineHeight:60,
                    fontSize:'150%',
                    fontWeight:'bold'
                }
            },
            height:500,
            width:'100%',
            itemStyle:{ },
            dataSource:[
                {
                    height: '100%',
                    flex: 1, 
                    dataSource: {
                        title: 'Savvy Shoulder Tote',
                        images:['https://omo-oss-image.thefastimg.com/portal-saas/new2022090209574426609/cms/image/a0821deb-2738-4c5a-b780-90fb6719cad1.jpg']

                    }
                },
                {
                    height: '100%', 
                    flex: 1,
                    dataSource: {
                        title: 'Savvy Shoulder Tote',
                        images:['https://omo-oss-image.thefastimg.com/portal-saas/new2022090209574426609/cms/image/a0821deb-2738-4c5a-b780-90fb6719cad1.jpg']

                    }

                },
                {

                    height: '100%', 
                    flex: 1,
                    dataSource: {
                        title: 'Savvy Shoulder Tote',
                        images:['https://omo-oss-image.thefastimg.com/portal-saas/new2022090209574426609/cms/image/a0821deb-2738-4c5a-b780-90fb6719cad1.jpg']

                    }

                },
                {
                    height: '100%', 
                    flex: 1,
                    dataSource: {
                        title: 'Savvy Shoulder Tote',
                        images:['https://omo-oss-image.thefastimg.com/portal-saas/new2022090209574426609/cms/image/a0821deb-2738-4c5a-b780-90fb6719cad1.jpg']

                    }

                }
            ]
        }
    ],
    /**
     * 
     * @param {*} config 
     */ 
    constructor: function ProductPage(config) {
        config = config || {};
        Rsd.apply(this, config);
    },
    /**
     * 
     */
    load:function load() {
        this.callParent();  
    }
});
